<template>
  <div class="system_config">
    <el-row align="middle" class="pt-5">
      <el-col :span="16">
        <p class="main_title">
            打开成绩页面 --> <span style="color:red">F12</span> 
            --> 输入 <span style="color:red">document.getElementById('article').innerHTML</span> 
            然后回车，点击输出文本最后的 <span style="color:red">Copy</span> 
        </p>
      </el-col>
    </el-row>
    <el-row align="middle" class="pt-5">
        <p></p>
    </el-row>
    <el-row align="middle" class="pt-5">
      <el-col :span="50" style="width: 1200px">
        <el-input type="textarea" :rows=20 v-model="text"></el-input>
      </el-col>
    </el-row>
    <el-row align="middle" class="pt-5">
        <el-button size="medium" type="primary" @click="txt2html()">转换</el-button>
    </el-row>
  </div>
</template>

<script>
import qingnianService from "@/service/qingnianService"
import {hideLoading, showLoading } from "@/utils/loading"
export default {
  data() {
    return {
      text: '',
      isLoading: false
    }
  },
  mounted() {
  },
  methods: {
    txt2html() {
      qingnianService.txt2html({text: this.text}).then(res => {
        if (res && res.data.result === 0) {
            this.text = res.data.data
        }
      })
    }
  }
}
</script>

<style>
.input_new_tag{
  width: 78px;
  margin: 8px;
}
.input_new_tag .el-input__inner{
  height: 40px !important;
  line-height: 40px !important;
  width: 115px;
}
.el-loading-spinner{
  /* top: 20%; */
}
</style>